feat: 完成网站功能开发与优化

- 完善产品页面布局与交互
- 优化服务详情页用户体验
- 增强新闻模块内容展示
- 改进团队页面设计
- 优化全局样式和响应式布局
- 添加分页组件支持
- 提升性能与SEO优化
- 修复已知问题与改进代码质量

src/components/services/service-cta-section.tsx

@@ -12,7 +12,7 @@ import { RippleButton } from '@/components/ui/ripple-button';
 
 export function ServiceCTASection() {
   return (
-    <section className="relative py-24 md:py-32 bg-gradient-to-r from-[#C41E3A] to-[#E85D75] overflow-hidden">
+    <section className="relative py-24 md:py-32 bg-gradient-to-r from-[var(--color-brand-primary)] to-[#E85D75] overflow-hidden">
       {/* 右上角装饰圆形 */}
       <FloatingElement amplitude={8} duration={5} delay={0.5} className="absolute -top-20 -right-20 pointer-events-none">
         <div className="w-[280px] h-[280px] bg-white/10 rounded-full" />
@@ -46,7 +46,7 @@ export function ServiceCTASection() {
                 href="/contact"
                 variant="secondary"
                 rippleColor="rgba(196, 30, 58, 0.3)"
-                className="bg-white text-[#C41E3A] px-8 py-4 rounded-lg text-lg font-semibold inline-flex items-center justify-center w-full sm:w-auto"
+                className="bg-white text-[var(--color-brand-primary)] px-8 py-4 rounded-lg text-lg font-semibold inline-flex items-center justify-center w-full sm:w-auto"
               >
                 免费获取
               </RippleButton>