fix: 修复多个问题并优化用户体验

- 修复ESLint警告：使用useCallback优化React Hooks依赖
- 修复JavaScript初始化错误：调整函数声明顺序
- 优化历史记录查看：添加自动滚动到顶部功能
- 统一网站logo：全部更换为traditional_chinese_gold_red_dragon_symbol.jpg
- 提升代码质量和用户体验

src/components/Layout.tsx

@@ -52,7 +52,7 @@ const Layout: React.FC<LayoutProps> = ({ children }) => {
               <Link to="/" className="flex items-center space-x-2 group" onClick={closeMobileMenu}>
                 <div className="w-10 h-10 bg-gradient-to-br from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center shadow-lg border-2 border-yellow-600 group-hover:scale-110 transition-transform duration-300">
                   <img 
-                    src="/traditional-chinese-bagua-eight-trigrams-black-gold.jpg" 
+                    src="/traditional_chinese_gold_red_dragon_symbol.jpg" 
                     alt="神机阁"
                     className="w-7 h-7 rounded-full object-cover"
                   />