重构动物认领页面和导航菜单，统一使用SVG图标并优化交互体验

website/reward.html

@@ -62,16 +62,12 @@
     </nav>
 
     <!-- 推广奖励横幅 -->
-    <section class="page-header reward-header">
-        <div class="container h-100">
-            <div class="row h-100 align-items-center">
-                <div class="col-12 text-center text-white">
-                    <h1 class="display-3 fw-bold mb-4">推广奖励</h1>
-                    <p class="lead mb-5 fs-4">分享给朋友，获得丰厚奖励<br>一起创造更多价值</p>
-                    <a href="#benefits" class="btn btn-light btn-lg btn-rounded me-3">查看奖励详情</a>
-                    <a href="#calculator" class="btn btn-outline-light btn-lg btn-rounded">收益计算器</a>
-                </div>
-            </div>
+    <section class="hero-section reward-hero">
+        <div class="container text-center position-relative">
+            <h1 class="display-2 fw-bold mb-4">推广奖励</h1>
+            <p class="lead mb-5 fs-4">分享给朋友，获得丰厚奖励<br>一起创造更多价值</p>
+            <a href="#benefits" class="btn btn-light btn-lg btn-rounded me-3">查看奖励详情</a>
+            <a href="#calculator" class="btn btn-outline-light btn-lg btn-rounded">收益计算器</a>
         </div>
     </section>
 
@@ -539,6 +535,8 @@
 
     <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.7/js/bootstrap.js"></script>
     <script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
+    <script src="js/enhanced-interactions.js"></script>
     <script src="js/main.js"></script>
+    <script src="js/reward.js"></script>
 </body>
 </html>